<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title language="html:addSliderPage"></title>
    <link rel="stylesheet" type="text/css" href="/static/common/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/static/common/easyui/themes/bootstrap/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/common/easyui/themes/IconExtension.css">
    <link rel="stylesheet" href="/static/common/pnotify/pnotify.custom.min.css" media="all" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/static/admin/css/admin.css">
    <link rel="stylesheet" href="/static/common/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/static/common/dropzone/min/dropzone.min.css">
</head>
<body>
    <form action="/intendant/site/uploadImage">
        <div class="frame_form_table">
            <table cellpadding="0" cellspacing="0" class="table_form" width="100%">
                <tbody>
                    <tr>
                        <div id="myDropzone" class="dropzone" style="border: 2px solid #09c;">
                        </div>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="hm_toolbar">
            <a onclick="javascript:history.back(-1);" class="easyui-linkbutton" iconCls="icon-arrow_turn_left" plain="true" language="html:goback"></a>
            <a id="btn" href="" class="easyui-linkbutton" iconCls="icon-arrow_refresh" plain="true" language="html:refreshCurrent"></a>
        </div>
    </form>
</body>
<script type="text/javascript" src="/static/common/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/static/common/easyui/jquery.cookie.js"></script>
<script type="text/javascript" src="/static/common/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/static/common/pnotify/pnotify.custom.min.js"></script>
<script type="text/javascript" src="/static/common/dropzone/min/dropzone.min.js"></script>
<script type="text/javascript" src="/static/admin/js/language.js"></script>
<script type="text/javascript" src="/static/admin/js/global.js"></script>
<script type="text/javascript">
//Dropzone Configuration
Dropzone.autoDiscover = false;
$("div#myDropzone").dropzone({ 
    url: "/intendant/site/uploadImages",
    dictDefaultMessage: '<a class="easyui-linkbutton" iconCls="icon-20130406125647919_easyicon_net_16" style="background:#e67e22;border-radius:5px;">'+hm.language.uploadToLocal+'&nbsp;&nbsp;->&nbsp;&nbsp;'+hm.language.uploadPrompt+'</a>',//改变文件框中的文字提示
    method: 'post',
    paramName:"uploadImages", //默认为file
    maxFiles:10,//一次性上传的文件数量上限
    dictMaxFilesExceeded: "您最多只能上传10个文件！",
    filesizeBase: 1024,//默认值为 1000. 这个选项将设置在计算文件大小时使用 1000 还是使用 1024作为基本单位. 1000 是正确的,因为 1000 Bytes 等于 1 Kilobyte
    maxFilesize: 0.2,//以filesizeBase作为单位[上传文件的大小限制]
    dictFileTooBig:"文件超过最大上传限制.",
    acceptedFiles: ".jpg,.gif,.png", //上传的类型
    dictInvalidFileType: "你不能上传该类型文件,文件类型只能是*.jpg,*.gif,*.png。",
    // previewsContainer:"#adds", //显示的容器
    parallelUploads: 5,//有多少文件将上载到并行处理,默认2(一次最多上传不能超过6个，小于等于6个的传完后，再上传  //第二批的文件)
    autoProcessQueue: true,//关闭自动上传功能，默认会true会自动上传,也就是添加一张图片向服务器发送一次请求
    addRemoveLinks:true,//在每个预览文件下面添加一个remove[删除]或者cancel[取消](如果文件已经上传)上传文件的链接
    uploadMultiple: true,//允许上传多文件
    dictCancelUpload: '取消',
    dictCancelUploadConfirmation: "你确定要取消上传吗?",
    dictRemoveFile: '删除',
    dictFallbackMessage: '您的浏览器不支持上传,请升级到最新的版本!',//如果浏览器不支持,默认消息将被替换为这个文本。默认为 “Your browser does not support drag'n'drop file uploads.”。
    dictResponseError: '文件上传失败!',//如果服务器响应是无效的时候显示的错误消息。statusCode将被替换为服务器端返回的状态码。
    //函数绑定
    init:function(){
        this.on("addedfile", function(file) { 
        //上传文件时触发的事件
        });
        this.on("queuecomplete",function(file) {
            //上传完成后触发的方法
        });
        this.on("removedfile",function(file){
            var result = file.xhr.responseText;
            var data=eval("("+result+")");
            parent.hm.delImage(data.info,"/intendant/site/delImage");
            //删除文件时触发的方法
        });
        this.on("success",function(file){
             parent.hm.notice("success", "上传成功");
        });
        this.on("complete", function(file) {
            if(file.status=="error"){
                 parent.hm.notice("error", res.Message);
            }
        });
    }
});
function addSliderFunc(data){
    if (data.status == 66) {
        parent.hm.notice("error", hm.language.noAuth);
    } else if(data.status == 11){
        parent.hm.notice("warn", data.info);
    } else if(data.status == 12){
        parent.hm.notice("warn", data.info);
    } else if(data.status == 4){
        parent.hm.notice("error", hm.language.addFailed + data.info);
    } else if(data.status == 1){
        parent.hm.notice("success", hm.language.addSuccess);
        parent.hm.refreshTab();
    }else{
        parent.hm.notice("error",hm.language.unknownError);
    }
}
</script>
</html>
